<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:sinox="http://www.sinosoft.com.cn/sinox">
	
	<ui:insert name="metadata" />

	<h:head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
		<title>#{messages["system.name.title"]}</title>
		<link rel="shortcut icon" href="#{request.contextPath}/img/logo.ico" />
		
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/themes/#{preferencesManager.theme}/skin.css" />
		<script language="javascript" src="#{request.contextPath}/resources/script/preload.js"></script>
		<script language="javascript" src="#{request.contextPath}/resources/script/sino.portal.util.js"></script>
		<script language="javascript" src="#{request.contextPath}/resources/script/jquery.contextmenu.js"></script>
		
		
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/forms/forms.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/forms/forms.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/tree/tree.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/tree/tree.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/treetable/treetable.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/treetable/treetable.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/yui/utilities/utilities.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/paginator/paginator.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/paginator/paginator.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/datatable/datatable.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/datatable/datatable.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/spinner/spinner.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/spinner/spinner.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/fieldset/fieldset.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/fieldset/fieldset.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/picklist/picklist.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/picklist/picklist.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/breadcrumb/breadcrumb.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/breadcrumb/breadcrumb.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/calendar/calendar.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/menu/menu.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/charts/charts.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/charts/jqplot.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/charts/charts.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	<script type="text/javascript" src="#{request.contextPath}/javax.faces.resource/charts/flowcharts.js.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" ></script>
    	
    	<script type="text/javascript" src="#{request.contextPath}/ckeditor/ckeditor.js" ></script>
		
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/javax.faces.resource/wijmo/wijmo.css.xhtml?ln=primefaces&amp;v=3.0.M2-SNAPSHOT" />
	</h:head>
	
	<body>
		
		<!-- 加载模板 -->
    	<ui:include src="includes/misc/loadingMask.xhtml" />
    	<!-- 弹出窗口 -->
    	<ui:include src="includes/portal/portal-winSet.xhtml" />
		
		<h:form id="form1">
			<p:commandButton value="重新加载" actionListener="#{applicationBuilder.reloadMetaData}"  />
			
			<sinox:codeSetSelectOne codeSetId="id_c_ajlx" id="xx" type="select" />
			<sinox:codeSetInputTree id="testcodeset" codeSetId="id_c_ajlb" value="id_c_ajlb.c.2" formId="form1"/>
			<sinox:userOrgInputTree id="testuserorg" userOrgId="id_c_sys_org" value="id_c_sys_org.c.0" formId="form1"/>
			<sinox:userOrgSelectOne codeSetId="id_c_sys_org" userOrgId="id_c_sys_org.c.1" id="xxxx" type="select" />
		</h:form>
		
		
		<div style="left: 100px; border: 1px solid red; position: relative; width: 600px; height: 300px;">
		  <div style="left: 100px; border: 1px solid green; position: absolute; width: 400px; height: 250px;">
			   <h:form> 
			       <div style="left: 100px; border: 1px solid red; position: relative; width: 200px; height: 200px;">
					   <c:forEach begin="0" end="3" step="1">
					     <h:graphicImage class="a1" title="选择一个代码" url="img/logo.ico" onmousedown="cu('a1','myMenu1',{});"/>
					   </c:forEach>
				   </div>
			   </h:form>
		   </div>
	   </div>
	   <div id="myMenu1" class="contextMenu" style="display: none;">
		   <ul>
		     <li id="open" onclick="console.log('Open');"><img src="img/logo.ico"/> Open</li>
		     <li id="email" onclick="console.log('Email');"><img src="img/logo.ico"/> Email</li>
		     <li id="save" onclick="console.log('Save');"><img src="img/logo.ico"/> Save</li>
		     <li id="delete" onclick="console.log('Delete');"><img src="img/logo.ico"/> Delete</li>
		   </ul>
	   </div>  
	</body>

</f:view>